<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>index05-操作页面元素内容</title>
</head>
<body>
<div id="app">
  <h1>Hello</h1>
</div>
<form action="#" method="post">
  用户名:<input type="text" name="username" value="admin" placeholder="请输入用户名"/>
</form>
  <script type="text/javascript" src="../scripts/jquery-3.7.0.js"></script>
  <script type="text/javascript">
    $(function(){
      // 获取
      // console.log($("#app").html());
      // 设置带有标签的元素
      // $("#app").html("<h3>三级标题</h3>");
      // $("#app").html("&lt;h3&gt;三级标题&lt;/h3&gt;");
      // text()和text(参数)
      // console.log($("#app").text());
      // $("#app").text("<h3>三级标题</h3>");
      // val()——获取和val(值)——设置值
      // console.log($("[name=username]").val());
      // $("[name=username]").val("zhangsan");
      // console.log($("[name=username]").val());
    });
  </script>
</body>
</html>